Ext.define('Ssimgres.view.capacitacion.CortarAvatarCapacitacionView', {
	extend : 'Ext.window.Window',
	cropData : null,
	imageUrl : '',
	requires : ['Ext.ux.ImageCrop'],
	alias : 'widget.cortarAvatarCapacitacionView',
	resizable : false,
	title : 'Cortar imagen',
	width : 210,
	height : 280,
	modal : true,
	bodyPadding : '25',
	buttons : [{
		text : 'Aceptar',
		action : 'btnAceptar'
	}, {
		text : 'Cancelar',
		scope : this,
		action : 'btnCancelar'
	}],
	bodyStyle : {
		"background-image" : "url(/img/ssimgres/patrones/noisy_grid.png)"
	},
	initComponent : function() {
		this.callParent(arguments);

		var imgLoad = new Image();

		imgLoad.onload = (function() {

			this.setSize(imgLoad.width + 60, imgLoad.height + 130);

			this.center();

			var crop = new Ext.ux.ImageCrop({
				src : this.imageUrl,
				width : imgLoad.width,
				height : imgLoad.height,
				width_proporcion : 250,
				height_proporcion : 170
			});

			crop.on('changeCrop', function(foo, x) {
				this.cropData = x;
			}, this);

			this.add(crop);

		}).bind(this);

		imgLoad.src = this.imageUrl;
	}
});
